<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8">
		<base href="/webproject/day02/">
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta name="viewport" content="width=device-width; initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<!-- 360高速模式-->
		<meta name="description" content="bootstrap基本模板">
		<meta name="author" content="chengt01">
		<meta name="keywords" content="bootstrap,html5,css3">
		<title>index</title>
		<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" href="../styles/site.css"/>
		<!--[if lt IE 9]>
		<script src="../scripts/html5.min.js"></script>
		<script src="../scripts/respond.min.js"></script>
		<![endif]-->
	</head>

	<body class="container">

		<header class="page-header visible-sm visible-md visible-lg">
			<h1 class="capitalize"> resume <small>tom</small></h1>
		</header>
		<div class="row">
			<div class="col-sm-3">
				<div class="row">
					<blockquote>
						<p class="text-info">
							个人信息
						</p><small>Personal info</small>
					</blockquote>
					<img class="img-responsive img-rounded" src="../images/1.jpg" alt="证件照片" title="证件照片">
					<section class="text-center">
						<span class="lead text-center text-primary">Tom</span>
					</section>
				</div>
				<div class="row">
					<blockquote>
						<p class="text-info">
							联系方式
						</p><small>Contact me</small>
					</blockquote>
					<section>
						<address>
							<span class="text-muteded">通讯地址：</span>
							<span class="glyphicon glyphicon-home">闵行区江航路
								<code>
									378
								</code>弄</span>
							<br />
							<span class="text-muteded">邮政编码：</span>
							<span class="glyphicon glyphicon-barcode"></span>
							<kbd>1</kbd><kbd>0</kbd><kbd>0</kbd><kbd>1</kbd><kbd>1</kbd><kbd>1</kbd>
							<br />
							<span class="text-muteded">电子邮件：</span>
							<span class="glyphicon glyphicon-envelope"></span>
							<a href="mailto:tom.cheng@rrs.com">tom.cheng@rrs.com</a>
							<br />
							<span class="text-muteded">联系电话：</span>
							<span class="glyphicon glyphicon-earphone"></span>
							<mark>
								15821109273
							</mark>
							<br />
						</address>
					</section>
				</div>
				<div class="row">
					<div class="col-sm-3">HTML</div>
					<div class="col-sm-9">
						<div class="progress">
							<div class="progress-bar progress-bar-striped active" style="width:80%">80%</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-8 col-sm-offset-1">
				<div class="row">
					<div class="jumbotron">
						<h3><kbd>3</kbd>年Web前端开发经验，<kbd>5</kbd>个商业网站的制作</h3>
						<p>
							<mark>
								精通
							</mark>
							<code>
								HTML5
							</code>
							<code>CSS3</code> Javascript
						</p>
						<p>
							<mark>
								熟练掌握
							</mark>
							<code>
								JQuery
							</code>
							，
							<code>
								Bootstrap
							</code>
							，
							<code>
								AngularJs
							</code>
							技术
						</p>
						<p class="text-right">
							<button class="pull-right btn btn-success btn-lg">
								<span class="glyphicon glyphicon-search"></span>
								了解更多。。。
							</button>
						</p>
					</div>
				</div>
				<div class="row">
					<h3 class="text-success">工作经历 
						<small> -- Job exp</small></h3>
					<section>
						<dl class="dl-horizontal">
							<dt>
								达内时代科技集团
							</dt>
							<dd>
								2010/01 - 2012/02
							</dd>
							<dd>
								Web前端工程师<em>主要从事商业网站前端设计与开发工作</em>
							</dd>
							<dt>
								百度
							</dt>
							<dd>
								2012/03 - 2012/03
							</dd>
							<dd>
								用户体验工程师<em>主要承担产品用户体验与产品测试维护工作</em>
							</dd>
							<dt>
								微软
							</dt>
							<dd>
								2013/03 - 至今
							</dd>
							<dd>
								产品经理<em>负责产品的推广、设计与产品线的注册工作</em>
							</dd>
						</dl>
					</section>
				
				</div>
				<div class="row">
					<p class="page-header">
						<h3 class="text-info"> 教育经历 <small> -- edu exp</small></h3>
					</p>
					<section>
						<div class="table-responsive">
							<table class="table table-condensed table-hover table-striped">
								<tr class="active">
									<td>时间</td>
									<td>学校</td>
									<td>专业</td>
									<td>学历</td>
								</tr>
								<tr>
									<td>2006/7-2010/2</td>
									<td>清华大学</td>
									<td>计算机专业</td>
									<td>硕士</td>
								</tr>
								<tr>
									<td>2002/7-2006/7</td>
									<td>北京大学</td>
									<td>软件工程</td>
									<td>本科</td>
								</tr>
								<tr>
									<td>1999/7-2002/7</td>
									<td>人大附中</td>
									<td><code>N/A</code></td>
									<td>高中</td>
								</tr>
							</table>
						</div>
					</section>
				</div>
				<div class="row">
					<p class="page-header">
						<h3 class="text-primary"> 作品展示 <small> -- proj gallary</small></h3>
					</p>
					<div class="row">
						<div class="col-sm-3">
							<img alt="" src="../images/1.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/2.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/3.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/1.jpg" class="img-thumbnail">
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							<img alt="" src="../images/1.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/2.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/3.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/1.jpg" class="img-thumbnail">
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							<img alt="" src="../images/1.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/2.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/3.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/1.jpg" class="img-thumbnail">
						</div>
					</div>
					<div class="row">
						<div class="col-sm-3">
							<img alt="" src="../images/1.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/2.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/3.jpg" class="img-thumbnail">
						</div>
						<div class="col-sm-3">
							<img alt="" src="../images/1.jpg" class="img-thumbnail">
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer class="navbar-fixed-bottom label-info text-center">
			<p>
				Copyright  &copy;
				<abbr title="tarnna">hajiang</abbr>&trade; 2015
			</p>
		</footer>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../bootstrap/js/bootstrap.js"></script>

	</body>
</html>
